<template>
  <div>
    <!-- -->
    <button style="color: green">
      <slot name="default"></slot>
    </button>
    <br />
    <br />
    <div style="background-color: #f1f1f1">
      <slot name="content1" :default="userInfo"></slot>
    </div>
    <br />
    <div style="background-color: #f1f1f1">
      <slot name="content2"></slot>
    </div>
  </div>
</template>
<script>
export default {
  name: 'childOne',
  components: {},
  data() {
    return {
      userInfo: [
        { username: 'lys', age: '19', sex: 1 },
        { username: 'zxm', age: '20', sex: 0 },
        { username: 'why', age: '30', sex: 1 }
      ]
    }
  },

  methods: {},
  activated: {},
  deactivated: {}
}
</script>
<style lang="less" scoped></style>
